<template>
  <div class="box">
    <router-view></router-view>

    <van-tabbar placeholder route>
      <van-tabbar-item to="/" icon="home-o">首页</van-tabbar-item>
      <van-tabbar-item to="/classfiy" icon="search">分类</van-tabbar-item>
      <van-tabbar-item
        to="/shopping"
        icon="friends-o"
        :badge="$store.state.shoppingList.length"
        >购物</van-tabbar-item
      >
      <van-tabbar-item to="/person" icon="setting-o">个人</van-tabbar-item>
    </van-tabbar>
  </div>
</template>

<script>
export default {
  setup() {},
};
</script>

<style lang="scss" scoped>
::v-deep .van-tabbar--fixed {
  border-top: 1px solid rgb(179, 177, 177);
  height: 120px;
}
</style>
